import { h, init } from 'snabbdom'

// 2.div中放置子元素 h1、p
// 参数：数组，模块
// 返回值：patch函数，作用对比两个vnode的差异更新到真实DOM
let patch = init([])

// 第一个参数：标签+选择器
// 第二个参数：如果是字符串的话就是标签中的内容
let vnode = h('div#container', [
    h('h1', 'hello snabbdom'),
    h('p', '这是一个p标签')
])

let app = document.querySelector('#app')
// 第一个参数：可以是DOM元素，内部会把DOM元素转成vnod
// 第二个参数：vnode
// 返回值：vnode
let oldVnode = patch(app, vnode)

// 假设
setTimeout(() => {
    vnode = h('div', [
        h('h1', 'hello world'),
        h('p', 'p标签')
    ])
    // patch(oldVnode, vnode)

    // 清空页面元素
    patch(oldVnode, h('!'))
}, 5000)
